﻿
@{
    ViewData["Title"] = "AutoView";
    Layout = "~/Views/Shared/_FormGray.cshtml";
}

<h3>布局生成工具测试</h3>

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span6">
            <div class="progress">
                <div class="bar">
                </div>
            </div>
            <ul class="nav nav-list">
                <li class="nav-header">
                    列表标题
                </li>
                <li class="active">
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">库</a>
                </li>
                <li>
                    <a href="#">应用</a>
                </li>
                <li class="nav-header">
                    功能列表
                </li>
                <li>
                    <a href="#">资料</a>
                </li>
                <li>
                    <a href="#">设置</a>
                </li>
                <li class="divider">
                </li>
                <li>
                    <a href="#">帮助</a>
                </li>
            </ul>
            <div class="tabbable" id="tabs-803263">
                <ul class="nav nav-tabs">
                    <li>
                        <a href="#panel-426371" data-toggle="tab">第一部分</a>
                    </li>
                    <li class="active">
                        <a href="#panel-908575" data-toggle="tab">第二部分</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane" id="panel-426371">
                        <p>
                            第一部分内容.
                        </p>
                    </div>
                    <div class="tab-pane active" id="panel-908575">
                        <p>
                            第二部分内容.
                        </p>
                    </div>
                </div>
            </div>
            <div class="alert">
                <button type="button" class="close" data-dismiss="alert">×</button>
                <h4>
                    提示!
                </h4> <strong>警告!</strong> 请注意你的个人隐私安全.
            </div>
        </div>
        <div class="span6">
            <div class="accordion" id="accordion-644481">
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-parent="#accordion-644481" data-toggle="collapse" href="#accordion-element-984256">选项卡 #1</a>
                    </div>
                    <div class="accordion-body in collapse" id="accordion-element-984256">
                        <div class="accordion-inner">
                            功能块...
                        </div>
                        <div class="accordion-inner">
                            功能块2
                        </div>
                        <div class="accordion-inner">
                            功能块3
                        </div>
                        <div class="accordion-inner">
                            功能块4
                        </div>
                    </div>
                </div>
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-parent="#accordion-644481" data-toggle="collapse" href="#accordion-element-307266">选项卡 #2</a>
                    </div>
                    <div class="accordion-body collapse" id="accordion-element-307266">
                        <div class="accordion-inner">
                            功能块...
                        </div>
                        <div class="accordion-inner">
                            功能块3
                        </div>
                        <div class="accordion-inner">
                            功能块4
                        </div>
                        <div class="accordion-inner">
                            功能块5
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel slide" id="carousel-794446">
                <ol class="carousel-indicators">
                    <li class="active" data-slide-to="0" data-target="#carousel-794446">
                    </li>
                    <li data-slide-to="1" data-target="#carousel-794446">
                    </li>
                    <li data-slide-to="2" data-target="#carousel-794446">
                    </li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="" src="img/1.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                棒球
                            </h4>
                            <p>
                                棒球运动是一种以棒打球为主要特点，集体性、对抗性很强的球类运动项目，在美国、日本尤为盛行。
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="img/2.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                冲浪
                            </h4>
                            <p>
                                冲浪是以海浪为动力，利用自身的高超技巧和平衡能力，搏击海浪的一项运动。运动员站立在冲浪板上，或利用腹板、跪板、充气的橡皮垫、划艇、皮艇等驾驭海浪的一项水上运动。
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="img/3.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                自行车
                            </h4>
                            <p>
                                以自行车为工具比赛骑行速度的体育运动。1896年第一届奥林匹克运动会上被列为正式比赛项目。环法赛为最著名的世界自行车锦标赛。
                            </p>
                        </div>
                    </div>
                </div> <a data-slide="prev" href="#carousel-794446" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-794446" class="right carousel-control">›</a>
            </div>
        </div>
    </div>
</div>


<div class="container-fluid">
    <div class="row-fluid">
        <div class="span8">
            <ul class="breadcrumb">
                <li>
                    <a href="#">主页</a> <span class="divider">/</span>
                </li>
                <li>
                    <a href="#">类目</a> <span class="divider">/</span>
                </li>
                <li class="active">
                    主题
                </li>
            </ul>
            <div class="navbar">
                <div class="navbar-inner">
                    <div class="container-fluid">
                        <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a> <a href="#" class="brand">网站名</a>
                        <div class="nav-collapse collapse navbar-responsive-collapse">
                            <ul class="nav">
                                <li class="active">
                                    <a href="#">主页</a>
                                </li>
                                <li>
                                    <a href="#">链接</a>
                                </li>
                                <li>
                                    <a href="#">链接</a>
                                </li>
                                <li class="dropdown">
                                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="#">下拉导航1</a>
                                        </li>
                                        <li>
                                            <a href="#">下拉导航2</a>
                                        </li>
                                        <li>
                                            <a href="#">其他</a>
                                        </li>
                                        <li class="divider">
                                        </li>
                                        <li class="nav-header">
                                            标签
                                        </li>
                                        <li>
                                            <a href="#">链接1</a>
                                        </li>
                                        <li>
                                            <a href="#">链接2</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                            <ul class="nav pull-right">
                                <li>
                                    <a href="#">右边链接</a>
                                </li>
                                <li class="divider-vertical">
                                </li>
                                <li class="dropdown">
                                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="#">下拉导航1</a>
                                        </li>
                                        <li>
                                            <a href="#">下拉导航2</a>
                                        </li>
                                        <li>
                                            <a href="#">其他</a>
                                        </li>
                                        <li class="divider">
                                        </li>
                                        <li>
                                            <a href="#">链接3</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>

            </div>
            <div class="carousel slide" id="carousel-955018">
                <ol class="carousel-indicators">
                    <li data-slide-to="0" data-target="#carousel-955018">
                    </li>
                    <li data-slide-to="1" data-target="#carousel-955018" class="active">
                    </li>
                    <li data-slide-to="2" data-target="#carousel-955018">
                    </li>
                </ol>
                <div class="carousel-inner">
                    <div class="item">
                        <img alt="" src="img/1.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                棒球
                            </h4>
                            <p>
                                棒球运动是一种以棒打球为主要特点，集体性、对抗性很强的球类运动项目，在美国、日本尤为盛行。
                            </p>
                        </div>
                    </div>
                    <div class="item active">
                        <img alt="" src="img/2.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                冲浪
                            </h4>
                            <p>
                                冲浪是以海浪为动力，利用自身的高超技巧和平衡能力，搏击海浪的一项运动。运动员站立在冲浪板上，或利用腹板、跪板、充气的橡皮垫、划艇、皮艇等驾驭海浪的一项水上运动。
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="img/3.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                自行车
                            </h4>
                            <p>
                                以自行车为工具比赛骑行速度的体育运动。1896年第一届奥林匹克运动会上被列为正式比赛项目。环法赛为最著名的世界自行车锦标赛。
                            </p>
                        </div>
                    </div>
                </div> <a data-slide="prev" href="#carousel-955018" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-955018" class="right carousel-control">›</a>
            </div>
            <div class="accordion" id="accordion-95272">
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-95272" href="#accordion-element-131230">选项卡 #1</a>
                    </div>
                    <div id="accordion-element-131230" class="accordion-body collapse in">
                        <div class="accordion-inner">
                            功能块...
                        </div>
                    </div>
                </div>
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-95272" href="#accordion-element-543584">选项卡 #2</a>
                    </div>
                    <div id="accordion-element-543584" class="accordion-body collapse">
                        <div class="accordion-inner">
                            功能块...
                        </div>
                    </div>
                </div>
            </div> <address> <strong>Twitter, Inc.</strong><br /> 795 Folsom Ave, Suite 600<br /> San Francisco, CA 94107<br /> <abbr title="Phone">P:</abbr> (123) 456-7890</address>
            <blockquote>
                <p>
                    github是一个全球化的开源社区.
                </p> <small>关键词 <cite>开源</cite></small>
            </blockquote>
        </div>
        <div class="span4">
        </div>
    </div>
    <div class="row-fluid">
        <div class="span6">
            <form class="form-search">
                <input class="input-medium search-query" type="text" /> <button type="submit" class="btn">查找</button>
            </form>
        </div>
        <div class="span6">
        </div>
    </div>
    <div class="row-fluid">
        <div class="span2">
        </div>
        <div class="span6">
        </div>
        <div class="span4">
        </div>
    </div>
</div>